<template>
  <div class="rela">
    <Detailnavbar></Detailnavbar>
    <detailswiper :swipreimg="topimg"></detailswiper>
  </div>
</template>

<script>
import Detailnavbar from './detailnavbar/Detailnavbar.vue'
import {getdetail} from '../../network/detail.js'
import detailswiper from './detailnavbar/detailswiper.vue'
export default {
name:"detail",
data(){
  return {
    iid:0,
    topimg:[],
    title:'',
    price:0,
    sell:[]

  }
},
created(){
  // console.log(this.$route.query.iid)
  this.iid = this.$route.query.iid
  getdetail(this.iid).then(res=>{
    console.log(res)
    console.log(res.data.result.itemInfo.topImages)
    this.title = res.data.result.detailInfo.desc
    this.price = res.data.result.highNowPrice
    this.sell = res.data.columns
    this.topimg = res.data.result.itemInfo.topImages
  })
},
components:{
  Detailnavbar,
  detailswiper
}

}
</script>

<style scoped>
.rela{
  position: relative;
  z-index: 9;
  background-color: #fff;
}
</style>